<!--
*******************************************************************************
 * Copyright © 2022-2023 VMware, Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License
 * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing permissions and limitations under
 * the License.
 *
 * @author: Huaqiao Zhang, <huaqiaoz@vmware.com>
 *******************************************************************************
 -->

<p *ngIf="refresgMsg" class="alert alert-danger" role="alert">
    <span class="fa fa-warning"></span> The {{svcName}} service is inaccessible!!! please try again later! 
</p>

<div class="jumbotron">
    <h2 class="display-5">Oops!!! {{ svcName }} service is unavailable!</h2>
    <p class="lead">This could be a network reason, or it could be that the {{svcName}} microservice is not running, make sure there is no network problem or that the {{svcName}} service is already running!</p>
    <hr class="my-4">
    <p>EdgeXFoundry uses a microservices architecture, each service is running independently, please make sure that the current service is already running, if you have manually started the service, click the Refresh button.</p>
    <button class="btn btn-primary btn-sm" (click)="refresh()" [disabled]="refreshBtnDisable" role="button">Refresh</button>
</div>
